﻿<template>
  <!--send box s-->
  <div class="login_wrap"  v-bind:class="{ 'change_bg_login_wrap': isActive_bg}">
    <div class="login_header clearfix">
        <div class="login_header_left f_L" v-on:click="this_goback">
        </div>
        <div class="login_header_right f_R"></div>
    </div>
    <div class="contain_wrap_login"> 
        <router-view @change_bg ="this_change_bg"  @change_bg_false="this_change_bg_false"></router-view>
    </div> 
  </div>
</template>
<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
import "../../../../static/css/Login/login.less";
import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show: this.$store.getters.get_layer_show,
      isActive_bg: false
    }
  },
  ...mapActions([
    "thom_redirect",
    "goback"
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  mounted: function () {
    this.isActive_bg = false
  },
  methods: {
    this_change_bg: function (data) {
      this.isActive_bg = true;
    },
    this_change_bg_false: function () {
      this.isActive_bg = false;
    },
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    hid_layer:function () {
      this.$store.dispatch("thom_redirect",
        {
          name:"/Index_main",router:this.$router
        });
    },
    this_goback:function () {
     this.$store.dispatch("goback",{
         router:this.$router
     });
    }
  }
}
</script>
<style scoped>
  #app .change_bg_login_wrap {
    background-image: url("../../../../static/img/send_man_bg.jpg");
    background-size: cover;
  } 
  .login_wrap .login_header .login_header_right {
    margin: 1rem 6% 0 0;
  }
  .login_wrap .login_header_left {
    margin: 1rem 0 0 6%;
  }
  .login_wrap {
    background-image: url("../../../../static/img/send_man_bg.jpg")
  }
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
    opacity: 0
  }
  .contain_wrap_login{
    width:100%;
    overflow:hidden;
    height:100%;
  }
  .login_wrap{
    overflow:hidden;
  }
  .bottom_left_btn {
   //border-radius: 1vw;
  }
  .login_header_left{
    width:1.35rem;
    height:1.35rem;
    background-repeat:no-repeat;
  }
  .login_wrap .login_header_right {
    width: 2.25rem;
    margin: 1.8rem 6% 0 0;
  }
</style>


